{% extends "commons/base.html" %}
{% block css %}
<link rel="stylesheet" href="{{url_for('static', filename='css/user_profile.css')}}">
{% endblock %}
{% block content %}
    <div class="container">
        <div class="profile">
            <img class="user-logo" src="{{url_for('static', filename='images/headimg1.jpg')}}" alt="">
            <p class="user-name">{{user.username}}</p>
            <p class="desc">这个人很懒，什么都没留下</p>
            {% if user.id != current_user.id %}
                <button data-id="{{user.id}}" id="follow-btn" class="btn btn-primary">关注他</button>
                {% if friend and friend.status == "default" %}
                    <button disabled data-id="{{user.id}}" id="friend-btn" class="btn btn-primary">待确认</button>
                {% elif friend and friend.status == "refused" %}
                    <button disabled data-id="{{user.id}}" id="friend-btn" class="btn btn-primary">已拒绝</button>
                {% elif friend and friend.status == "accepted" %}
                    <button disabled data-id="{{user.id}}" id="friend-btn" class="btn btn-primary">已接受</button>
                {% else %}
                    <button data-id="{{user.id}}" id="friend-btn" class="btn btn-primary">加好友</button>
                {% endif %}
            {% endif %}
        </div>
        <div class="main-content">
            <div class="aside-left pull-left">
                <url class="list-group">
                    {% if user.id == current_user.id %}
                        <a href="" class="list-group-item active">
                            我的微博
                            <span class="badge">20</span>
                        </a>
                        <a href="" class="list-group-item">
                            我的关注
                            <span class="badge">20</span>
                        </a>
                        <a href="" class="list-group-item">
                            我的粉丝
                            <span class="badge">20</span>
                        </a>
                        <a href="" class="list-group-item">
                            我的好友
                            <span class="badge">20</span>
                        </a>
                        <a href="" href="" class="list-group-item">
                            我的收藏
                            <span class="badge">20</span>
                        </a>
                        <a href="" href="" class="list-group-item">
                            我的消息
                            <span class="badge">20</span>
                        </a>
                    {% else %}
                        <a href="" class="list-group-item active">
                            他的微博
                            <span class="badge">20</span>
                        </a>
                        <a href="" class="list-group-item">
                            他的关注
                            <span class="badge">20</span>
                        </a>
                        <a href="" class="list-group-item">
                            他的粉丝
                            <span class="badge">20</span>
                        </a>
                    {% endif %}

                </url>
            </div>
            <div class="content-right pull-right">
                {% for blog in blogs %}
                    {% include "commons/blog_section.html" %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}
{% block scripts %}
<script src="{{url_for('static', filename='js/user.js')}}"></script>
{% endblock %}